.main {
    width: 100%;
    // height: 100%;
    background: url('../images/kecheng.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
  .h1{
    font-size: .31rem;
    color:#fff;
    position: absolute;
    top: 1.15rem;
    left: 3.3rem;

  }
    img {
        width: 100%;
        height: 4.5rem;
      
    }
    .co{
        color: white;
    position: absolute;
    top: 1.13rem;
    left: 3rem;
    font-size: 0.35rem;
    }
     .nav {
        width: 7.30rem;
        height: 1.50rem;
        line-height: 0.6rem;
        background-color: #1F1F1F;
        position: absolute;
        top: 3.75rem;
        left: 0.12rem;
        border-radius: 0.1rem;
        display: flex;
        justify-content: space-around;

        .left {
            margin-top: 0.20rem;
            text-align: center;

            img {
                width: 0.60rem;
                height: 0.60rem;

            }

            .text {
                font-size: 0.18rem;
                color: white;
            }

        }

        .content {
            margin-top: 0.18rem;
            text-align: center;

            img {
                width: 0.60rem;
                height: 0.60rem;

            }

            .text {
                font-size: 0.20rem;
                color: white;
            }

        }

        .right {
            margin-top: 0.18rem;
            text-align: center;

            img {
                width: 0.60rem;
                height: 0.60rem;

            }

            .text {
                font-size: 0.20rem;
                color: white;
            }

        }

    }

    .recommend {
        width: 7.30rem;
        height: 5.65rem;
        margin-top: 0.96rem;
        margin-left: 0.10rem;

        .top {
            height: 0.57rem;
            display: flex;
            justify-content: space-between;

            .tj {
                font-size: 0.28rem;
                color: #D14427;
            }

            .qb {
                font-size: 0.18rem;
                color: #CBCBCB;

                i {
                    font-size: 0.18rem;
                }

            }
        }

        .button {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .text {
                width: 3.47rem;
                height: 2.35rem;
            background-color: #1F1F1F;

                margin-top: 0.20rem;

                img {
                    width: 3.48rem;
                    height: 1.73rem;
                }
            }

            .char {
                font-size: 0.22rem;
                color: white;
                margin-left: 0.18rem;
                line-height: 0.1rem;
            }
        }
    }

    .day {
        width: 7.30rem;
        height: 100%;
        margin-left: 0.10rem;
        margin-top: 0.4rem;
        
        .top {
            height: 0.57rem;
            display: flex;
            justify-content: space-between;

            .data {
                font-size: 0.28rem;
                color: white;
            }

            .qb {
                font-size: 0.18rem;
                color: #CBCBCB;

                i {
                    font-size: 0.18rem;
                }

            }
        }

        .bottom {
            //  height: 100%;
            .order {
                width: 7.28rem;
                height: 1.48rem;
                background-color: #1F1F1F;
                display: flex;
                justify-content: space-between;
                margin-top: 0.18rem;

                .img {
                    margin-top: 0.24rem;
                    margin-left: 0.22rem;
                    display: flex;

                    img {
                        width: 1.04rem;
                        height: 1.04rem;
                    }

                    .text {
                        margin-left: 0.25rem;

                        .title {
                            font-size: 0.22rem;
                            color: white;
                        }

                        .tex {
                            font-size: 0.18rem;
                            color: #CBCBCB;
                        }

                        .item {
                            font-size: 0.18rem;
                            color: #CBCBCB;
                        }
                    }

                }
            }
            .btn {

                width: 1.05rem;
                height: 0.45rem;
                background-color: #D14427;
                color: #FFFFFF;
                line-height: 0.45rem;
                text-align: center;
                border-radius: 0.20rem;
                // margin-left: 145rpx;
                font-size: 0.25rem;
                margin-top: 0.80rem;
            }
        }
    } 
    .funk{
        width: 100%;
        height: 1rem;
        font-size: 0.2rem;
        color: white;
        text-align: center;
        line-height: 1rem;
    }
    .tab{
        width: 100%;
        height: 1.65rem;
        background-color: #121212;
      
        line-height: 0.6rem;
        text-align: center;
        display: flex;
        justify-content: space-around;
        .icos{

            img{
                width: 0.4rem;
                height: 0.4rem;
            }
            div{
                color: #D14427;
                font-size: 0.2rem;
            }
        }
        .ico{

            img{
                width: 0.4rem;
                height: 0.4rem;
            }
            div{
                color: white;
                font-size: 0.2rem;
            }
        }
    } 


}